<template>
  <div class="introduce">
    <div class="introduce-item">
      <p class="title">派遣合作伙伴</p>
      <div class="content-img">
        <img
          src="../assets/image/合作图片1.png"
        />
      </div>
    </div>
  </div>
</template>
<style scoped lang="scss">
.introduce {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  background: rgba(0, 0, 0, 0.03);
}
.introduce-item {
  width: 1200px;
  height: 880px;
  margin: 0 auto;

  display: inline-block;
}
.title {
  width: 100%;
  height: 45px;
  font-size: 32px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: rgba(0, 0, 0, 1);
  line-height: 45px;
  text-align: center;
  margin-top: 40px;
}
.second-text {
  width: 900px;
  height: 54px;
  margin: 0 auto;
  font-size: 16px;
  font-family: PingFangSC-Regular, PingFang SC;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.4);
  line-height: 27px;
  text-align: center;
  margin-top: 10px;
}
.content-img {
  width: 1200px;
  height: 700px;
  margin: 20px auto;
  img{
    width:100%;
  }
}
.bgcolor {
  width: 100%;
  height: 450px;
  background: rgba(0, 0, 0, 0.03);
}
.content {
  width: 1200px;
  height: 200px;
  margin: 0 auto;
  margin-top: 20px;
}
.second-content-item {
  width: 150px;
  height: 200px;
  float: left;
  margin-left: 50px;
}
.second-content-list {
  width: 80px;
  height: 80px;
  margin: 0 auto;
}
.second-content-p {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8);
  line-height: 40px;
  text-align: center;
}
.content-item {
  width: 180px;
  height: 220px;
  float: left;
  margin-left: 100px;
}
.content-list {
  width: 180px;
  height: 180px;
  float: left;
}
.content-list-icon {
  width: 160px;
  height: 160px;
  float: left;
  margin: 10px;
}
.content-p {
  font-size: 18px;
  font-family: PingFangSC-Medium, PingFang SC;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.8);
  line-height: 40px;
  text-align: center;
}
@media screen and (max-width: 800px) {
  .introduce{
    .introduce-item{
      width:100%;
      height:auto;
      overflow: hidden;
      .title{
        font-size:1.2rem;
        margin-top:15px;
      }
      .content-img{
        width:100%;
        height:auto;
        margin-top:0;
        margin-bottom:15px;
      }
    }
  }
}
</style>

